<template>
  <h1>卡片组件</h1>
  <el-row :gutter="10">
    <el-col :span="6" v-for="item in 4">
      <el-card>
        <img src="mwzz.png" alt="" width="100%">
        <p>{{arr[0].name}}</p>
        <div style="margin-bottom: 45px">
          <span style="float: left;">{{arr[0].type}}</span>
          <span style="float: right;">￥{{arr[0].price}}</span>
        </div>
      </el-card>
    </el-col>
  </el-row>
</template>
<script setup>
import {ref} from "vue";

const arr = ref(
    [
        {name: '《神奇宝贝》妙蛙种子(蒜头王八)', price: 10000, type: '草,毒'},
    ]
);
</script>
<style scoped>

</style>